<!-- <!doctype html> -->
<html>
  <head>
    <meta charset="utf-8" />
    <title>My love</title>
    <link rel="stylesheet" href="fy.css" />
  </head>
  <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
  <body>
    <script>
      window.onload = ()=>{
        var audio = document.getElementById("audio");
        console.log(audio);
        // audio.src = "./love.mp3";
        audio.play();//开始播放
        audio.loop = true; //歌曲循环
        // playCotrol(); //播放控制函数
      }
      // //点击播放/暂停
      // function clicks() {
      //     var audio = document.getElementById("audio");
      //     $("#control").click(function() {
      //         if ($("#control").hasClass("play")) {
      //             $("#control").addClass("pause").removeClass("play");
      //             audio.play();//开始播放
      //             dragMove();//并且滚动条开始滑动
      //             $("#control").html("暂停播放");
      //         } else {
      //             $("#control").addClass("play").removeClass("pause");
      //             $("#control").html("点击播放");
      //             audio.pause();
      //         }
      //     })
      // }
    </script>
    <div class="container">
      <!-- <nav class="navbar">
        <li><a href="#home">首页</a></li>
        <li><a href="#information">情报</a></li>
        <li><a href="#staff">干员</a></li>
        <li><a href="#world">设定</a></li>
        <li><a href="#media">档案</a></li>
      </nav> -->

      <section id="home">
        <h1>相遇</h1>
        <!-- <div>
          <audio controls id="audio" >
            <source src="./love.mp3" type="audio/ogg">
            <source src="./love.mp3" type="audio/mpeg">
            Your browser does not support the audio element.
          </audio>
        </div> -->
        <!-- <div>
          <button id="control" class="">loading</button>
        </div> -->
        <p class="lead">RHODES ISLAND</p>
      </section>
      <section id="information">
        <h1>相识</h1>
        <p class="lead">INFORMATION</p>
      </section>
      <section id="staff">
        <h1>相知</h1>
        <p class="lead">STAFF</p>
      </section>
      <section id="world">
        <h1>相爱</h1>
        <p class="lead">WORLD</p>
      </section>
      <section id="media">
        <h1>相守</h1>
        <p class="lead">MEDIA</p>
      </section>
    </div>
  </body>
</html>
